<!--{*
 * トップページ
 *
 * LICENSE: Miracle Maple by Mirage is licensed
 * under a Creative Commons 表示-非営利-継承 2.1 日本 License.
 *
 * @category   index
 * @package    maple-story.jp
 * @version    8.0.0
 * @link       http://maple-story.jp/
 * @since      File available since Release 8.0.0
 * @copyright  Copyright (c) 2011 Miracle Maple
 * @license    http://creativecommons.org/licenses/by-nc-sa/2.1/jp/     Creative Commons BY-NC-SA
 *
 *}-->
<script>
$(function(){
	$('.pix_diapo').diapo({time: 8000});
});
</script>
<!-- 
<section class="search">
<form action="/search/" method="get">
<input type="text" name="q" maxlength="100">
<input type="submit" value="検　索">
</form>
</section>
-->
<nav class="database">
<h1>データベース<br>Maplestory Database</h1>
<ul class="button">
	<li class="main"><a href="/monster/"><img src="/image/menu/monster.png"><br>モンスター<br>Monster</a></li>
	<li class="main"><a href="javascript:void();"><img src="/image/common/symbol_small.png" width="30" height="30"><br>装備<br>Coming soon</a></li>
	<li><a href="javascript:void();"><img src="/image/common/symbol_small.png" width="30" height="30"><br>アイテム<br>Coming soon</a></li>
	<li><a href="javascript:void();"><img src="/image/common/symbol_small.png" width="30" height="30"><br>マップ<br>Coming soon</a></li>
	<li><a href="javascript:void();"><img src="/image/common/symbol_small.png" width="30" height="30"><br>クエスト<br>Coming soon</a></li>
	<li><a href="javascript:void();"><img src="/image/common/symbol_small.png" width="30" height="30"><br>スキル<br>Coming soon</a></li>
	<li><a href="javascript:void();"><img src="/image/common/symbol_small.png" width="30" height="30"><br>NPC<br>Coming soon</a></li>
	<li><a href="javascript:void();"><img src="/image/common/symbol_small.png" width="30" height="30"><br>キャラクター<br>Coming soon</a></li>
</ul>
</nav>

<article> 
    <div id="slideshow"> 
        <div class="pix_diapo">
        
            <div data-thumb="/image/news/20120103_thumb.jpg">
                <a href="/article/%E3%83%A2%E3%83%B3%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88/"><img src="/image/news/20120103.jpg"></a>
                <div class="caption elemHover fromRight" style="width: auto; right: 0; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px;">
                    遂に実装！モンスタードロップ情報！
                </div>
            </div>
            
            <div data-thumb="/image/news/20111111_thumb.jpg">
                <a href="/about/"><img src="/image/news/20111111.jpg"></a>
                <div class="caption elemHover fromRight" style="bottom: 65px; padding-bottom: 5px; color: #ff0; text-transform: uppercase;">
                    2011.11.11 Renewal Open !!
                </div>
                <div class="caption elemHover fromLeft" style="padding-top:5px;">
                    待ちに待ったリニューアル！みらくる☆めいぷるの最終形！
                </div>
            </div>
            
        </div><!-- #pix_diapo -->
    </div>
</article> 

<aside>
<ul class="button">
	<li><a href="/history/"><img src="/image/menu/history.png"><br>更新履歴<br>Information</a></li>
	<li><a href="javascript:void();"><img src="/image/common/symbol_small.png" width="30" height="30"><br>Reading Contents<br>Coming soon</a></li>
    <li><a href="javascript:void();"><img src="/image/common/symbol_small.png" width="30" height="30"><br>Playing Contents<br>Coming soon</a></li>
    <li><a href="javascript:void();"><img src="/image/common/symbol_small.png" width="30" height="30"><br>Listening Contents<br>Coming soon</a></li>
</ul>
</aside>
